page{
  height: 100%;
}
.cates {
  height: 100%;
  .cates_container {
    display: flex;
    height: ~'calc( 100vh - 90rpx)';
    .left_menu {
      flex: 2;
      .menu_item {
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30rpx;
      }
      .active {
        color: var(--themeColor);
        border-left: 5rpx solid currentColor;
      }
      // currentColor 代表字体颜色 可以不写 然后默认值就是字体颜色
    }
    .right_content {
      flex: 5;
      .goods_group {
        .goods_title {
          height: 80rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          .delimiter {
            color: #ccc;
            padding: 0 10rpx;
          }
        }
      }
      .goods_list {
        display: flex;
        flex-wrap: wrap;
        navigator {
          width: 33.33%;
          text-align: center;
          image {
            width: 50%;
          }
        }
      }
    }
  }
}